<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>客户需求，请长按识别二维码</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
 <link rel="stylesheet" href="../statics/css/jqueryMobile.css"> 
<script src="../statics/js/jquery-1.12.4.js"></script>
<script src="../statics/js/jqueryMobile.js"></script>
<style type="text/css">
img{
　　max-width:100%;
}
.ui-bar-a, .ui-page-theme-a .ui-bar-inherit, html .ui-bar-a .ui-bar-inherit, html .ui-body-a .ui-bar-inherit, html body .ui-group-theme-a .ui-bar-inherit {
    background:url(head.jpg) no-repeat;
    background-size:100% 100%;
}

</style>
</style>
</head>
<body >
	<div data-role="page" id="pageone"  >
	      <div data-role="header">
			<table style="width: 100%;height: 75px;">
	        	<tr>
				   <td style="width: 33%;padding-bottom: 35px;"></td>
				   <td style="width: 33%;text-align: center;color: white;"></td>
				   <td style="width: 33%;text-align:right;">
					   <span id="head_url_id" style="line-height:60px;"></span>
		    	   </td>
		    	   <td></td>
				</tr>
		    </table>
		  </div>
		
		  <div data-role="main" class="ui-content" data-theme="b"  style="text-align: center;"> 
	                        <div style="color: blue;font-weight: bold;font-size: 20px;margin-top: 50px;"> 分享信息，赢取大奖</div>
	      </div>
	      <div data-role="main" class="ui-content" data-theme="b"  style="text-align: center;"> 
	              <div id="qrcode_id" style="margin-top: 0px;"></div>
	      </div>
	      
	      <div data-role="footer" data-position="fixed" style="background-image: url('floot.jpg');height: 50px">
             
          </div>

	      
	</div>
		 
	
</body>
<script type="text/javascript">
//页面传参
	function getUrlParam(name) {
		var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
		var r = window.location.search.substr(1).match(reg);
		if (r != null) return unescape(r[2]);
		return null;
	};
	var qrcode_url;
	$(function(){ 
	      $("#pageone").css("background-color","withe");
	      
	      qrcode_url=sessionStorage.getItem("qrcode_url");
	     
	      
	      $("#qrcode_id").html('<img src="'+qrcode_url+'" style="max-width:100%;max-height: 100%;"  onclick="openQrcodeImage();"/>');
	      showLoader();
		  setTimeout(function () {
	    		hideLoader();
	  	   }, 3000);
    });
   // function openQrcodeImage(){
	//      location.href=qrcode_url;
	//}
	
	//显示加载器  
	function showLoader() {  
	    //显示加载器.for jQuery Mobile 1.2.0  
	    $.mobile.loading('show', {  
	        text: '请截取屏幕后保存二维码', //加载器中显示的文字  
	        textVisible: true, //是否显示文字  
	        theme: 'b',        //加载器主题样式a-e  
	        textonly: true,   //是否只显示文字  
	        html: "<span style='color:red;font-size:18px;'>请截取屏幕后保存二维码</span>"           //要显示的html内容，如图片等  
	    });  
	}  
  
	//隐藏加载器.for jQuery Mobile 1.2.0  
	function hideLoader()  
	{  
	    //隐藏加载器  
	    $.mobile.loading('hide');  
	} 
</script>
</html>




